<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
    name: "App",
    data() {
        return {};
    },
    mounted() {
      console.log(window);
        var html = document.documentElement;
        var evt =
            "orientationchange" in window ? "orientationchange" : "resize";
        var setHtmlFontSize = function() {
            var htmlWidth = html.clientWidth;
            html.style.fontSize = htmlWidth / 320 * 100 + "px";
        };
        setHtmlFontSize();
        window.addEventListener(evt, setHtmlFontSize, false);
    }
};
</script>

<style>
    html{
      font-size: 100px;
    }
    body{
      font-size: 16px;
    }
/* #app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
} */
</style>
